<template>
  <div id="app">
		
		<router-view/>
		<ul class="foter">
			<router-link tag="li" to="/">首页</router-link>
			<router-link tag="li" to="/mai">买</router-link>
			<router-link tag="li" to="/xx">消息</router-link>
			<router-link tag="li" to="/my">我的</router-link>
		</ul>
	</div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>
.foter{
		height: 0.98rem;
		width: 100%;
		position: fixed;
		bottom: 0px;
		display: flex;
		list-style: none;
		border-top: 1px solid #b2b2b2;
	}
	.foter li{
		font-size: 0.3rem;
		line-height: 1rem;
		flex: 1;
		text-align: center;
		background-color: blueviolet;
		color: #fff;
	}
	
</style>
